<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网易注册界面</title>
		<style type="text/css">
			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; font-size: 12px;}
			
			.visual{width: 960px; margin: 0 auto;}
			.header{height:65px; margin: auto;background: #F9F9F9;}
			.header .logo{width: 750px;height: 65px;background: url(img/1.jpg) no-repeat 0 0;float: left;}
			.header .logo a{width: 150px; height: 65px; display:inline-block;}
			.header .links{width:200px;height:65px;float: right;text-align: right;padding-right: 5px;}
			.header .links a{line-height: 65px; text-decoration: none; color: #999; }
			.content{height: 600px; margin: auto;}
			.content .top{height: 38px;background:cornflowerblue;border-radius: 5px 5px 0 0;}
			.content .top a{line-height: 38px; text-decoration: none; color:white;padding-left: 30px;}
			.content .botoom{height: 560px;}
			.content .botoom .left{width: 600px;height: 562px;float: left;padding: 50px 0 0 50px;}
			.content .botoom .left .left_top{width 500px;height: 60px; background: blue;}
			.content .botoom .left .left_top ul{width: 400px; height: 35px; list-style: none;background: cornflowerblue;}
			.content .botoom .left .left_top ul li{width: 100px; height: 35px;float: left; text-align: center;line-height: 35px;padding: 0 10px;}
			.content .botoom .left .left_botoom{width 500px;height: 373px; background: beige;}
			.content .botoom .right{width: 307px; height: 610px;background: #F7F7F7;float: right;border: 1px solid #EEE;border-top: none;}
			.content .botoom .right img{padding: 150px 0 0 60px;}
			.footer{height: 50px; margin: auto;}
		</style>
	</head>
	<body>
		<div class="visual">
			<div class="header">
				<div class="logo">
					<a href="#" title="网易163免费邮箱"></a><a href="#" title="网易163免费邮箱"></a><a href="#" title="网易163免费邮箱"></a>
				</div>
				<div class="links">
					<a href="">了解更多 |</a>  <a href="">反馈意见</a>
				</div>
			</div>
			<div class="content">
				<div class="top">
					<a href="">欢迎注册无限量的网易邮箱！欢迎注册无限量的网易邮箱！</a>
				</div>
				<div class="botoom">
					<div class="left">
					  <div class="left_top">
					  	<ul>
					  		<li>字母邮箱</li>
					  		<li>手机邮箱</li>
					  		<li>VIP邮箱</li>
					  	</ul>
					  </div>
					  <div class="left_botoom"></div>
					</div>
					<div class="right"><img src="img/2.png"/></div>
				</div>
			</div>
			<div class="footer"></div>
		</div>
		
	</body>
</html>
